// 获取 nav 标签
const nav = document.querySelector(".nav");

// 给 按钮添加 事件委托
nav.addEventListener("click", (e) => {
  if (e.target.tagName === "INPUT") {
    // 获取点击的 学生ID
    const studentId = +e.target.dataset.studentid;
    // 判断是修改请求还是删除请求
    if (e.target.value === "修改") {
      // 修改请求
      location.href = "/student/" + studentId;
    } else if (e.target.value === "删除" && confirm("确认删除？")) {
      // 异步请求
      setTimeout(() => {
        fetch("/student/" + studentId, { method: "DELETE" })
          .then((response) => {
            if (response.status === 200) {
              // 提示删除成功
              // alert("删除成功！");
              // 刷新页面
              location.href = "/student";
            } else {
              console.error(response.status);
            }
          })
          .catch((error) => {
            console.error(error);
          });
      }, 100);
    }
  }
});

// 获取 分页模块的按钮
const inputs = document.querySelectorAll(`#paging input`);
// 获取 页码文本 标签
const span = document.querySelector(`#paging > span`);

// 拿到路径（页码、展示数）
const urlParams = new URLSearchParams(window.location.search);
const page = Number(urlParams.get("page")) || 1;
const limit = Number(urlParams.get("limit")) || 10;

// 自动改变页码
span.innerHTML = `第 ${page} 页`;

// 获取 页码文本 标签
const queryForm = document.querySelector("#queryForm");

// 点击查询函数
function queryBtn() {
  // 判断关键字是否有输入
  if (inputs[0].value.trim() === "") {
    // 跳转到查询所有学生请求路径
    location.href = `/student`;
  } else if (inputs[0].value.trim()) {
    // 跳转到模糊查询请求路径
    location.href = `/student?query=${inputs[0].value}`;
  } else {
    // 提示用户输入关键字
    alert("请输入查询的关键字！");
  }
}

// 监听提交事件
queryForm.addEventListener("submit", (e) => {
  // 阻止默认行为
  e.preventDefault();

  // 点击查询
  queryBtn();
});

// 跳转查询请求路径
inputs[1].addEventListener("click", () => {
  // 点击查询
  queryBtn();
});

// 给添加学生按钮一个跳转
inputs[2].addEventListener("click", () => {
  // 跳转到添加学生的请求路径
  location.href = "/addStudent";
});

// 首页
inputs[3].addEventListener("click", () => {
  // 回到首页
  location.href = `/student?page=1&limit=${limit}`;
});

// 上一页
inputs[4].addEventListener("click", () => {
  // 页码减一（保证页码不会为 0）
  location.href = `/student?page=${page > 1 ? page - 1 : 1}&limit=${limit}`;
});

// 下一页
inputs[5].addEventListener("click", () => {
  // 页码加一
  location.href = `/student?page=${page + 1}&limit=${limit}`;
});
